Vue Element校验validate的实例
官方文档限制输入指定类型添加type限制即可，type包括以下值：例子：rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的...
2024-01-10
element ui table 合并行的问题？
数据结构如下 tabledata: [ { TenderProjectId: 22787, Tid: 7716, ProjectState: 0, TenderProjectName: "刘----公开招标----单价最低", TenderCode: "BWC-GKZB-202306-01598", Publici...
2024-02-06
【element-ui】elementUi 样式修改无效
使用element ui和vue2.0 脚手架开发，elementUi样式修改没有效果，添加important也没用，审查元素发现修改的样式根本就没修改成功？ 这个应该怎样做可以成功修改呢，有没有使用过的小伙伴我是直接在登录模块里写的 .el-input__inner { padding: 3px 45px !important; border: 1px solid #bedb98; } 但是没效果 ，应该...
2024-01-10
element table tooltip怎么换行
像这种情况怎么给tooltip换行回答：使用插槽slot#content 传入 DOM即可demo <el-tooltip class="item" effect="dark" placement="bottom"> <template slot="content"> <span v-html='content'></span> </template>...
2024-02-08
vue+vue-cli3.0+element 记录
1.编辑表格<el-table-column prop="sort" label="排序" align="center"> <template slot-scope="scope"> <span v-show="NoEdit != scope.row.relationshipId">{{scope.row.sort}}<i class="el-icon-edit ml10 cursor" @click="NoEdit=scope.row.relationshipId"></i></span> ...
2024-01-10
【element-ui】element-ui和vue
我添加属性，但不想关闭对话框，我点确定后把属性值后面的<el-input>设置为空，问题是第一次可以，后面的就不行了，后面的确一直还显示的文字。回答：第二次属性没有添加成功吧 response.code不等于0了吧回答： let copy=Object.assign({},this.addEditPropertyData) this.addEditPropertyData={} ...
2024-01-10
【element-ui】element-ui图标样式乱码
vue和element-ui搭建的项目，为什么出现乱码，而且是偶然会现，是什么原因造成的，项目中引用了i18n语言包回答：是chrome下？翻译插件导致的？不是 换cdn试下？回答：就算不乱码，这里面的内容也不是给人类看的，只要不影响图标显示，就无需担心。...
2024-01-10
【element-ui】element-ui 实现类似问卷的功能
代码像这样 <div style="margin-top:3%" v-for="(challenge,i) in Challenge" :key="i"> <el-card style="margin-left:10%;margin-right:10%"> <div slot="header" class="clearfix"> <span>题目: {{ challenge.title }}</span> </div> ...
2024-01-10
vue element ui树形结构table级联选择问题
一个树形结构table，想勾选子级的时候父级的选择框被半勾选上，像全选框那样，子级选中父级被勾选上的操作已经实现，应该如何修改成半选，感谢各位 <el-table ref="multipleTable" :data="helpData" :header-cell-style="{ 'text-align': 'center' }" :...
2024-02-17
【element-ui】element ui 的树形组件绑值问题
项目中用到element UI 的树形组件tree，现在是希望组件中选中的项在打开页面时能够显示出来，自己向后台请求到数据之后，赋值给了default-checked-keys中的变量，是数组形式，可是页面中就是不显示，然而，写成静态的数组就能显示在页面中，实在不明白原理，希望知道的大神们能够指点一下。相关代码...
2024-01-10
【element-ui】vue-cil配置element-ui失败
问题：vue-cil配置element-ui失败 主要的问题是 我在App.vue中使用el-button不会报错 而我在别的 也就是components的.vue组件里边使用el-button会报一下的错误组件中使用的代码：<template><div> <h3>我是vuexDemo</h3> <el-button type="danger">aaaa</el-button></div></template><script></script>错误截图：配置：回答：你需要...
2024-01-10
【element-ui】如何用element表格 自定义单独的一行
如何用element表格实现下图的表格 现在丝毫没有头绪 主要是中间的搜索行应该怎么去实现 望大神提供宝贵意见 回答：https://jsfiddle.net/cob627wt/4/...
2024-01-10
详解element-ui中el-select的默认选择项问题
直接绑定将option中的value值绑定给v-model<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option> </el-select> </div></template><script>export default{ data() { return {...
2024-01-10
vue项目中将element-ui table表格写成组件
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容： 1 <el-table :data="tableData" border size="mini" fit highlight-current-row height="500"> 2 <el-table-column type="index" align="center" fixed></el-table-column> 3 <el-table-...
2024-01-10
linux下安装vue-element-admin报错
python问题：有些服务器默认安装了python3.6; 在环境变量里没有python，所以安装会报错，自己打一个软链；权限问题：Error: EACCES: permission denied, mkdir '/data/sites/vue-element-admin/node_modules/nodejieba/.node-gypnpm 出于安全考虑不支持以 root 用户运行，即使你用 root 用户身份运行了，npm也会自动转成一个叫 nobody 的...
2024-01-10如何为element ui的el-tab-pane组件增加自定义事件?
需求：一个抽像对象：person，多个具体对象: xxx_person. 内容页(/view)中有一个tab, 根据不同的xxx_person来显示不同的tab. 例: a_person的内容页(/view)有三个tab, b_person的内容页(/view)有四个tab. 现在: <el-tabs v-model="baseTabActiveName" type="card" @tab-...
2024-02-29
【element-ui】vue2+elementUI 无限导航递归报错
不知道哪个位置错了...很迷茫.app.vue调用入口<template> <el-row class="H100 window"> <el-col :span="4" class="H100 menu"> <left-menu :data="shuju"></left-menu><!-- <<<<<<<<<<<<<< 在这里 --> </el-col> <el-col :span="20" class="H100 main"></el-col> </el-row></tem...
2024-01-10
关于vue element，使用表单时，input不能输入的问题
问题原因我估计有两类，一个是双向绑定不成功，还有一个就是change事件的时候，表单一直在调用自己的resetFields方法，但是我不知道该如何解决。另外，这样的代码在另一个页面正常能运行，区别是这里是对话框，另一边是单页面。代码如下<template> <el-dialog :title="freeCoupleForm.id ? '编辑随心组合分类' : '新建随心组合分类'" :vi...
2024-02-10
element Dialog 动态添加表格数据input不能输入
selectedData: [],//已选中的数据selectedData的数据结构这样的[{id:'',name:'',},{},]成交价和成交量的input框是动态添加出来的，不知道怎么回事不能输入Dialog上的固定input就没有问题框架是vue + element-ui我是java后端 所以对前端不是太熟 不知道怎么回事，哪位大佬帮忙看看????回答可能是嵌套太深了，视图没...
2024-01-10
【element-ui】element ui中的走马灯怎么设置成上下翻动
element ui中的走马灯官方给的例子是左右方向，但是我想做一个上下方向的该怎么修改呢？官网也没具体文档回答：有空看看它大源码，和默认样式。没空的话，就是看它的api你发现没，只有高度的设置，并没有宽度的设置，也没有类似于方向的这种设置。意思显而易见。...
2024-01-10
【element-ui】如何隐藏element 分页跳到最后一页的按钮？
例如我有1000页分页，我也想显示成上方的样子，把最后一页给隐藏起来，怎么设置，求助。回答：写样式隐藏后面的两个li标签回答：后端涉及到深度分页了吧, 直接查询最后一页查不到数据或查的慢,我也遇到过, 直接自己封装了分页组件,一次顶多只能跳前后 3页左右...
2024-01-10
【element-ui】在 VUE 中加 element-ui 时报错？
安装步骤：npm install element-ui@next -Swebpack.base.conf.js 中加入了 { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, loa...
2024-01-10
【element-ui】Element UI默认的输入框和下拉框长度不一？
按照Element UI官网文档写的表单，官网上输入文本框和下拉选择框长度是一致的，而我在没有更改相关样式的情况下，下拉选框却比文本框要短？如图：下面是官网的截图：可以看到官网的下拉选择框是和输入框一致的宽度。下面是我的单页代码：<template> <div class="register-page"> <section class="form-cont...
2024-01-10
【element-ui】vue+elementui复选框多选取消问题
如图，我想要默认显示都选中，这个可以实现，但是我还想要取消选框时这个框内的“√”消失而已，留下一个未选中的框。但目前取消了该复选框就被删除了。看了elementui里面没有提到类似，各位老哥遇到这个问题吗？该怎么解决。先谢谢了。<el-checkbox-group v-model="cities"> <el-checkbox v-for="city in citie...
2024-01-10
